@extends('manage.layout')

@section('link')
    {{--<link rel="stylesheet" type="text/css" href="/css/style_liyan.css"/>--}}
    <style>
        *{
            margin:0 auto;
        }
        .x_yulan{
            width: 100%;
            /*background: #f5f5f5;*/
        }
        .x_yulan_con{
            /*width: 1200px;*/
            padding: 10px 40px;
        }
        .x_yulan_con h2{
            font-size: 26px;
            font-family: "微软雅黑";
            font-weight: bold;
            color: #0e0e0e;
        }
        .x_yulan_con span{
            font-size: 14px;
            font-family: 'Arial';
        }
        .x_yulan_con p{
            font-size: 16px;
            font-family: "微软雅黑";
            color: #1a1a1a;
            margin: 25px 0;
            text-align:justify;
        }
        .x_time{
            /*width: 1200px;*/
            height: 35px;
        }
        .x_times{
            width: 50%;
            height: 35px;
            line-height: 35px;
            float: left;
            font-size: 14px;
            font-family: 'Arial';
            /*color: #838383;*/
        }
        .x_img img{
            width: 100%;
        }

        .pro_content_img{
            display: block;
            width: 227px;
            margin: 8px 6px;
            float: left;
            background-color: #fff;
            box-shadow:0px 0px 5px #b3b2b2;
        }
        .pro_content_img a img{
            max-width: 100%;
            width: 227px;
            display: block;
        }
        .pro_content_img p{
            font-family: "宋体";
            font-size: 12px;
            line-height: 16px;
            color: #444;
            padding:15px 15px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .y_buding1{
            margin-top: 10px;
            margin-left: 15px;
        }
        .y_buding2 span{
            font-size: 10px;
        }
        .y_buding2{
            float: right;
            margin-bottom: 10px;
            margin-top: 5px;
        }
    </style>
@stop

@section('content')
    <section class="content-header">
        <h1>
            案例预览
            <small>Preview</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Case</a></li>
            <li class="active">Case Show</li>
        </ol>
    </section>

    <section class="content">
        <div class="row">
            <!-- left column -->
            <div class="col-md-12">
                <div class="box" style="width: 750px;float: left;">
                    <div class="box-header">
                        <h3 class="box-title">内容</h3>
                    </div>
                    <div class="box-body">
                        <div class="x_yulan">
                            <div class="x_yulan_con">
                                <h2>{{ $case->name }}</h2>
                                <div class="x_time" style="margin-bottom: 20px">
                                    <div class="x_times">{{ $case->update_time }}</div>
                                </div>
                                <div>
                                    {{--<span style="font-size:16px;font-family:微软雅黑;font-weight:bold;background-color:#FFFFFF;">项目背景</span>--}}
                                    {{--<p id="detail_background" style="color:#999999;font-family:新宋体;text-indent:2em;background-color:#FFFFFF;">--}}
                                        {{--教育是利国利民的大事，英语教育更是中国通向世界化过程中，必不可少的过程，为了能让儿童在学习过程中，有更好的学习环境，广州少儿英语培训机构，更是对自己内部装修上，提出了更高标准的SI设计要求--}}
                                    {{--</p>--}}
                                    {{--<span style="font-size:16px;font-family:微软雅黑;font-weight:bold;background-color:#FFFFFF;">创意理念</span>--}}
                                    {{--<p style="color:#999999;font-family:新宋体;text-indent:2em;">--}}
                                        {{--儿童天生对颜色有着超过成人的敏感度和发现力，所以以丰富颜色，和透明玻璃隔断作为整个项目的设计特点，用以改变儿童心目中，教学环境，单调封闭的印象，让他们从爱上学习环境开始，爱上学习。--}}
                                    {{--</p>--}}
                                    {{--<p style="color:#999999;font-family:新宋体;text-indent:2em;">--}}
                                        {{--<img src="http://vipyidian.com/upload/image/20161211/20161211075950_65462.jpg" alt="" style="width:636px;" />--}}
                                    {{--</p>--}}
                                    {!! $case->edit !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box" style="width:259px;float: left;margin-left: 50px">
                    <div class="box-header">
                        <h3 class="box-title">封面</h3>
                    </div>
                    <div class="box-body" >
                        <div class="pro_content_img">
                            <img src="http://vipyipoint.oss-cn-beijing.aliyuncs.com/{{ $case->cover }}" width="227px"/>
                            <h4 class="y_buding1">{{ $case->name }}</h4>
                            <p>{{ $case->brief }}</p>
                            <div class="y_buding2">
                                <span>查看更多</span>
                                <img src="/images/y_budingt1.jpg"/>
                                &nbsp;
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop
@section('script')

@stop
